<template>
  <div>
  <div class="bottom-all">
        <div class="wei">
      <div class="shezhi-two">
           <p>商户名称</p>
           <div>
             <p>{{allthis.merchantName}}</p>
           </div>
       </div>
        </div>
         <div class="wei">
             <div class="shezhi-two">
           <p>商户类型</p>
           <div>
                <p>{{allthis.merchantTypeDesc}}</p>
           </div>
            </div>
       </div>
       <div class="wei">
                      <div class="shezhi-two">
           <p>联系人姓名</p>
           <div>
                <p>{{allthis.primaryName}}</p>
           </div>
       </div>
       </div>
        <div class="wei">
             <div class="shezhi-two">
           <p>手机号</p>
           <div>
                <p>{{allthis.primaryPhone}}</p>
           </div>
       </div>
       </div>
               <div class="wei">
             <div class="shezhi-two">
           <p>地址</p>
           <div>
                <p>{{allthis.primaryAddress}}</p>
           </div>
       </div>
       </div>
             
       <div class="mind">
               <div class="wei">
             <div class="shezhi-two">
           <p>资质证件类型</p>
           <div>
                <p>{{allthis.merchantTypeDesc}}</p>
           </div>
       </div>
       </div>
                      <div class="wei">
             <div class="shezhi-two">
           <p>营业执照号</p>
           <div>
                <p>{{allthis.districtId}}</p>
           </div>
       </div>
       </div>
                             <div class="wei">
             <div class="shezhi-two">
           <p>法人姓名</p>
           <div>
                <p>{{allthis.primaryName}}</p>
           </div>
       </div>
       </div>
    </div>
               <div class="bottom-imgandp">
                  <div>
                      <p>营业执照</p>
                         <img :src="allthis.shopFrontPicurl" alt="">
                  </div>
                        
               </div>
   </div>
 </div>
</template>

<script>
export default {
  //   https://web-gateway.newbeescm.com/b2b-app-web/app/shop/listByUserId?userId=2177665
  data(){
     return {
        allthis:""
     }
  },
     methods:{
             getCallCenter() {
      this.$http
        .post(
          "https://web-gateway.newbeescm.com/b2b-app-web/app/merchant/getByUserId/2177665",
          {},
          {
            headers: {
              token: this.$store.state.token,
              userId: this.$store.state.userInfo.id
            }
          }
        )
        .then(res => {
          console.log("商户资料",res.data.result)
          this.allthis = res.data.result
        //  console.log(res)
        })
        .catch(err => {
          console.log(err);
        })
    },   
     },
     mounted(){
        this.getCallCenter()
     }
}

</script>
<style lang="scss" scoped>
.bottom-imgandp{
    background: #FFFFFF;
   div{
      margin-left: 0.13rem;
      display: flex;
      flex-direction: column;
      p{
            margin: 0.21rem 0 0.15rem 0;
            font-size: 0.18rem;
            color: #666666;
      }
      img{
         width: 0.8rem;
         height: 0.8rem;
      }
   }
}
.tuichu{
  margin:auto;
    margin-top:22.3%; 
  width: 82.9%;
  height: 0.44rem;
  background: #DD3333;
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  p{
    font-size: 0.18rem;
    color: #FFFFFF;
  }
}   
.wei{
  position: relative;
    width: 100%;
  height: 100%;
}
.wei::after{
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid  #ccc;
  transform: scale(1,0.1);
}
.bottom-all{
  //background: #ccc;
   .mind{
      margin:0.06rem 0;
   }
  display: flex;
  flex-direction: column;
  .shezhi-two{
  background: #FFFFFF;
   font-size: 0.15rem;
  height: 0.44rem;
  //margin: 0.1rem 0;
  display: flex;
  align-items: center;

  p{
    margin:0 0.2rem 0 0.1rem; 
    color: #666666;
    width: 0.9rem;
    }
    div{
      display: flex;
      align-items: center;
      p{
     color: #333333;
       width: 100%;
      }
      img{
        height: 0.15rem;
        transform: rotate(-180deg);
        margin: 0 0.14rem 0 0.15rem;
      }
    }
}

}
.all{
 // background: rgb(233, 229, 229);
  .zhanghu{
      background: #FFFFFF;
         color: #666666;
         margin-bottom: 0.01rem;
 p {  margin-left: 0.14rem;
      height: 0.36rem;
      line-height: 0.36rem;}
  }
}
.shezhi-one{
  background: #FFFFFF;
   font-size: 0.15rem;
  height: 0.44rem;
  margin: 0.1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  p{
    margin-left:0.14rem; 
    color: #666666;
    }
    div{
      display: flex;
      align-items: center;
      p{
        color: #CCCCCC;
      }
      img{
        height: 0.15rem;
        transform: rotate(-180deg);
        margin: 0 0.14rem 0 0.15rem;
      }
    }
}
.shezhi{
  background: #FFFFFF;
  height: 0.9rem;
  display: flex;
  align-items: center;
  img{
    width: 0.68rem;
    height: 0.68rem;
    margin: 0 0.115rem 0 0.14rem;
    border-radius: 50%;
  }
  p{
    font-size: 0.16rem;
    color: #030303;
  }
}

</style>
